<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/HTMLHeader.jsp"%>
<title>意见反馈-永川公交网</title>
<style type="text/css">
.Validform_checktip {
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px;
}

.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(ext/Validform_v5.3.2/images/right.png) no-repeat left center;
}

.Validform_wrong {
	color: red;
	padding-left: 20px;
	white-space: nowrap;
	background: url(ext/Validform_v5.3.2/images/error.png) no-repeat left center;
}

.Validform_loading {
	padding-left: 20px;
	background: url(ext/Validform_v5.3.2/images/onLoad.gif) no-repeat left center;
}

.Validform_error {
	background-color: #ffe7e7;
}

#Validform_msg {
	color: #7d8289;
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
	width: 280px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 99999;
	display: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135,
		Color='#999999');
}

#Validform_msg .iframe {
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: -1;
}

#Validform_msg .Validform_title {
	line-height: 25px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	padding: 0 8px;
	color: #fff;
	position: relative;
	background-color: #000;
}

#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited
	{
	line-height: 22px;
	position: absolute;
	right: 8px;
	top: 0px;
	color: #fff;
	text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
	color: #cc0;
}

#Validform_msg .Validform_info {
	padding: 8px;
	border: 1px solid #000;
	border-top: none;
	text-align: left;
}
</style>
</head>
<body>
<!-- header -->
<c:set var="active" scope="request" value="反馈" />
<%@ include file="/WEB-INF/page/common/fore/header.jsp"%>
<!-- body -->
<br/>
<div class="container body">
	<form class="form-horizontal form" action="feedbackAction"
		method="post">
		<div class="form-group">
			<label for="feedback_name" class="col-sm-2 control-label">您的姓名</label>
			<div class="col-sm-8">
				<input type="text" nullmsg="请输入您的姓名" datatype="*" class="form-control" id="feedback_name" name="feedback.feedback_name" placeholder="请输入您的姓名">
			</div>
			<div class="col-sm2">
				<span class="help-block">* 在10个字符以内</span>
			</div>
		</div>
		<div class="form-group">
			<label for="feedback_email" class="col-sm-2 control-label">电子邮件</label>
			<div class="col-sm-8">
				<input type="email" nullmsg="请输入您的电子邮件" datatype="e" errormsg="请输入正确的电子邮件" class="form-control" id="feedback_email" name="feedback.feedback_email" placeholder="请输入电子邮件">
			</div>
			<div class="col-sm2">
				<span class="help-block">* 在20个字符以内</span>
			</div>
		</div>
		<div class="form-group">
			<label for="feedback_tel" class="col-sm-2 control-label">您的手机号</label>
			<div class="col-sm-8">
				<input type="text" nullmsg="请输入您的手机号" datatype="m" errormsg="请输入正确的手机号" class="form-control" id="feedback_tel" name="feedback.feedback_tel" placeholder="请输入您的电话">
			</div>
			<div class="col-sm2">
				<span class="help-block">* 输入您的联系电话</span>
			</div>
		</div>
		<div class="form-group">
			<label for=feedback_content class="col-sm-2 control-label">反馈内容</label>
			<div class="col-sm-8">
				<textarea rows="10" class="form-control" id="feedback_content"
					name="feedback.feedback_content" nullmsg="请输入反馈内容" datatype="*" placeholder="请输入反馈内容"></textarea>
			</div>
		</div>
		<div class="form-group">
			<label for="validateCode" class="col-sm-2 control-label">验证码</label>
			<div class="col-sm-2">
				<img alt="" id="vdimgck" onclick="javascript:this.src='ValidateCode.jpg?id='+Math.random();" src="ValidateCode.jpg" style="width:100%;height: 34px;">
			</div>
			<div class="col-sm-2">
				<input type="text" class="form-control" id="validateCode" name="validateCode" nullmsg="请输入验证码" datatype="*" placeholder="请输入验证码">
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button type="submit" class="btn btn-primary"
					>立即反馈</button>
			</div>
		</div>
	</form>
</div>
<!-- footer -->
<%@ include file="/WEB-INF/page/common/fore/footer.jsp"%>
<script type="text/javascript">
	$(function() {
		$(".form").Validform({
			tiptype : 3,
		});

	});
</script>
<script type="text/javascript" src="ext/Validform_v5.3.2/js/Validform_v5.3.2_min.js"></script>
</body>
</html>